import React, { Component } from 'react'
import {
  Link,
  Route
} from 'react-router-dom'
import ArticleDetails from './ArticleDetails'

export default class Article extends Component {
  render() {
    return (
      <div>
        <Link to="/article/1">文章一</Link>
        {/* <Link to="/article/2">文章二</Link> */}
        <Link to={{
          pathname: '/article/2',
          state: {                    // 这个state会在 location里
            x: 1
          }
        }}>文章二</Link>
        {/* 二级路由，第一种, 保留导航，  传参使用动态路由 params */}
        <Route component={ArticleDetails} path='/article/:id'></Route>
      </div>
    )
  }
}



/*
  埋点： 百度数据统计网站访问量
  爬虫
  发送数据（向服务器）
    1、ajax
    2、img ： 效率高，兼容好，  图片地址?传递的参数   http://xxx.xxx/btn.gif?id=1
    3、sendBeacin : navigator.senBeacon 成功率高，兼容不好
*/
